<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="jquery-1.6.3.min.js"></script>
<script>
   $(document).ready(function(){
	   $('.menu ul ul').css({
		 
		   display:"none"
		 });
		 
	    $('.menu li').hover(function(){
		   $(this).find('> ul').stop(true, true).slideDown('slow');
		}, function(){
			 $(this).find('> ul').stop(true, true).slideUp('slow');
			});	 
	}); 
</script>
<style type="text/css">
#menu ul{
	list-style:none;
    padding:0;
	
	}
#menu a {
	 display:block;
	 width:150px;
	 height:20px;
	 color:white;
	 text-decoration:none;
	 text-align:center;
	
	}	
#menu a:hover{
	 background: #09C;
	}	
#abuelo{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: white;
	position:absolute;
	overflow:auto;
	}
#padre{
	width:800px;
	height:800px;
	overflow:hidden;
	background:black;
	}
#enca{
	width:100%;
	height:100px;
	float:left;
	background: #09C;
	color:white;
	}	
#centro{
	width:100%;
	height:800px;
	float:left;
	background:white;
	}
#pie{
	width:100%;
	height:100px;
	float:left;
	background:purple;
	}	
#menu{
	width:20%;
	height:100%;
	float:left;
	background:#9CF;
	text-align:left;
	}	
#contec{
	width:80%;
	height:100%;
	float:left;
	background : fuchsia;
	text-align:left;
	}				
</style>
</head>
<body>
<div id="abuelo">
<center>
<div id="padre">
    <div id="enca">
       <h1>BLOGGEROS COMPRA Y VENTA</h1>
    </div>
    <div id="centro">
	 <div id="menu">
        <ul>
         <li><a href="scv_registro_persona.jsp" title="Registra_Categoria">Registrar Usuario</a></li>
          <li><a href="scv_registro_categoria.jsp" title="Registra_Categoria">Registrar Categoria</a></li>
          <li><a href="scv_registro_publicacion.jsp" title="...">Registrar Publicacion</a></li>
          <li><a href="scv_buscarpublicacion.jsp" title="...">Buscar Publicacion</a></li>
          <li><a href="scv_listarpublicacion.jsp" title="...">Listar Publicacion</a></li>
          <li><a href="scv_comprarpublicacion.jsp" title="...">Comprar Publicacion</a></li>
          <li><a href="scv_listapublicaciones.jsp" title="...">Mis Publicaciones</a></li>
          <li><a href="scv_registraravisos.jsp" title="...">Registrar Aviso</a></li>
          <li><a href="scv_mostraravisos.jsp" title="...">Listar Aviso</a></li>
     </ul>
     </div>
     <div id="contec">
     </div>
    </div>
    <div id="pie">
    </div>
   </div> 
</center>
</div>
</body>
</html>
